{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/title.css">
<style type="text/css">
	body{
		background-color: #f3f3f3;
	}
</style>
{/block}
{block name="content"}
<div class="title">
	
	<div class="return_icon"></div>
	<p><strong>我的资料</strong></p>
</div>
<div class="photo">
	<div style="width:4rem;height:4rem;position:absolute;left:40%;top:1.0rem;">
	<img class="head_photo" src="/Public/Images/front/front_img/icon_ziliao_touxiang@3x.png">
	<span class="camara"></span>
	</div>
</div>
<div class="nickname">
	<span  class="ni" >昵称</span>
	<span class="name">花花是世界</span>
</div>
<div class="gender">
	<span  class="ni" >性别</span>
	<span class="name">女</span>
</div>
<div class="Signature">
	<span  class="ni" >个性签名</span>
	<textarea class="signature" placeholder="输入个性签名" maxlength="50">22222</textarea>
	<span class="now_num">0</span>
</div>
<span class="save">保存</span>
{/block}
{block name="js"}
{literal}
<script type="text/javascript">
	$('.return_icon').on('click',function(){
		window.location.href='/Index/my_personal_center';
	});
	$('.now_num').html($('.signature').val().length+'/50');
	$('.signature').bind('input propertychange',function(){
	
		var num = $('.signature').val().length;
		
		
		console.log(num);

		$('.now_num').html(num+'/50');
		
		
	});

	//保存
	$('.save').on('click',function(){
		
	});
</script>
{/literal}
{/block}
